<template>
	<view class="container">
		<!-- 协议内容区域 -->
		<scroll-view class="content" scroll-y="true">
			<view class="agreement-text">
				<rich-text :nodes="userAgreement"></rich-text>
			</view>
		</scroll-view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			userAgreement: `
				<h3>用户服务协议</h3>
				<p>欢迎使用本挂号小程序。在您开始使用本平台提供的各项服务之前，请仔细阅读并理解本《用户服务协议》。您的使用行为即表示您已接受并同意遵守本协议的所有条款。</p>

				<h4>一、平台服务内容</h4>
				<p>本平台是一款面向患者用户的在线医疗服务工具，主要提供以下功能：</p>
				<ul>
					<li><strong>挂号服务</strong>：支持用户在线预约挂号，选择科室、医生及就诊时间；</li>
					<li><strong>医生排班</strong>：展示各科室医生的出诊安排，方便用户了解医生出诊信息；</li>
					<li><strong>门诊记录</strong>：用户可查看历史就诊记录、诊断结果和检查报告；</li>
					<li><strong>取药指引</strong>：展示电子处方信息，并提供取药流程指导；</li>
					<li><strong>院内导航</strong>：为用户提供医院内部导航服务，便于快速找到目的地。</li>
				</ul>

				<h4>二、用户注册与账户管理</h4>
				<ul>
					<li>使用部分核心功能（如挂号、查看门诊记录）需完成实名认证，包括但不限于姓名、身份证号、手机号码等信息。</li>
					<li>您应确保所提供的信息真实、准确、完整，并对因虚假信息导致的后果承担责任。</li>
					<li>您有义务妥善保管账户信息，不得将账号转借他人使用。因账户泄露或他人操作造成的损失由您自行承担。</li>
				</ul>

				<h4>三、用户行为规范</h4>
				<ul>
					<li>不得利用平台从事违法、违规活动；</li>
					<li>不得以刷单、恶意预约等方式干扰平台正常运作；</li>
					<li>不得传播病毒、木马或其他破坏性程序；</li>
					<li>不得攻击、篡改平台数据或接口；</li>
					<li>不得冒用他人身份进行挂号或获取医疗服务信息。</li>
				</ul>

				<h4>四、平台权利与责任</h4>
				<ul>
					<li>平台有权根据业务调整或技术升级变更服务内容、功能界面或暂停/终止部分服务，恕不另行通知；</li>
					<li>因不可抗力（如网络中断、系统故障、自然灾害等）导致的服务中断，平台不承担相关责任；</li>
					<li>因用户自身原因（如信息填写错误、未按时就诊）造成的后果，平台不承担责任；</li>
					<li>平台保留对本协议的最终解释权及修改权。</li>
				</ul>

				<h4>五、知识产权声明</h4>
				<p>本平台的所有文字、图片、图标、界面设计、代码等内容均为平台或其合法授权方所有，受著作权法及相关法律保护。未经平台书面许可，任何单位或个人不得以任何形式复制、转载、修改、传播上述内容。</p>

				<h4>六、隐私保护政策</h4>
				<p>我们高度重视您的个人信息安全，关于信息的收集、使用、存储和处理方式，请详见《隐私协议》。您同意本协议即视为同意平台按隐私协议所述处理您的个人信息。</p>

				<h4>七、协议的变更与终止</h4>
				<ul>
					<li>平台有权根据法律法规变化、业务发展需要对本协议内容进行更新；</li>
					<li>协议变更后将在平台上公示，继续使用服务即表示您接受更新后的条款；</li>
					<li>若您不同意修改内容，请立即停止使用本平台服务；</li>
					<li>平台有权在特定情况下终止向用户提供部分或全部服务。</li>
				</ul>

				<h4>八、争议解决</h4>
				<p>如因本协议产生争议，双方应友好协商解决；协商不成的，任何一方均可向平台运营主体所在地人民法院提起诉讼。</p>

				<p>感谢您对本平台的支持与信任！</p>
			`
		};
	}
};
</script>

<style lang="scss">
.container {
	background-color: #f5f5f5;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.header {
	background-color: #ffffff;
	padding: 20rpx 30rpx;
	display: flex;
	align-items: center;
	border-bottom: 1rpx solid #e0e0e0;
}

.back-icon {
	font-size: 40rpx;
	margin-right: 20rpx;
	color: #333;
}

.title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
}

.content {
	flex: 1;
	// padding: 30rpx;
	background-color: #fff;
	margin-top: 20rpx;
	overflow-y: auto;
}

.agreement-text {
	font-size: 28rpx;
	line-height: 50rpx;
	color: #333;
}
</style>